<zoil:ZComponent x:Class="ZOIL.Library.Components.Notepad.NotepadView"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:s="http://schemas.microsoft.com/surface/2008"
                 xmlns:zoil="http://zoil.codeplex.com/schemas/2012"
                 xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
                 xmlns:e="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WPF4"
                 zoil:ZInformationLandscape.ZoomTarget="True"
                 Height="200"
                 Width="200">
    
    <i:Interaction.Behaviors>
        <zoil:ObjectManipulationBehavior IsDraggable="True"
                                         IsResizable="True"
                                         IsRotatable="True" />
    </i:Interaction.Behaviors>
    
    <zoil:ZComponent.BitmapEffect>
        <DropShadowBitmapEffect Color="Black" Opacity="1" ShadowDepth="3" Direction="20" />
    </zoil:ZComponent.BitmapEffect>
    
    <zoil:ZComponent.RenderTransform>
        <SkewTransform AngleX="1" AngleY="0" CenterX="0" CenterY="1" />
    </zoil:ZComponent.RenderTransform>
    <Grid>
        <Border x:Name="NotepadContent">
            <Border.Background>
                <ImageBrush ImageSource="./notepad.png" Stretch="Fill" />
            </Border.Background>
            <Image Source="{Binding PathImage}" Stretch="Fill" Margin="10" />
            <!--<Path Stroke="Black" Fill="Black" Data="{Binding Strokes}" IsHitTestVisible="False" Stretch="Fill" Margin="10"/>-->
        </Border>
        
        <Button x:Name="BackupCloseButton" Content="X" Foreground="White" BorderThickness="2" Background="Black" BorderBrush="YellowGreen" Padding="0" HorizontalAlignment="Right" VerticalAlignment="Top" Width="20" Height="20" Margin="0, -9, 3, 0">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <e:EventToCommand Command="{Binding Path=CloseNotepadCommand}" PassEventArgsToCommand="False" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Button>
        
        <Button x:Name="CloseButton" Style="{x:Null}" BorderThickness="2" Background="Black" BorderBrush="YellowGreen" Padding="0" HorizontalAlignment="Right" VerticalAlignment="Top" Width="20" Height="20" Margin="0, -10, 0, 0">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="Click">
                    <e:EventToCommand Command="{Binding Path=CloseNotepadCommand}" PassEventArgsToCommand="False" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <TextBlock Text="X" Foreground="White" FontSize="20" FontWeight="Bold" />
        </Button>
    </Grid>
</zoil:ZComponent>
